<ion-view view-title="问题反馈">
    <ion-header-bar class="bar-balanced">
        <button ui-sref="more" class="button button-clear"><i class="we-font we-icon-back"></i>更多</button>
        <h1 class="title">问题反馈</h1>
    </ion-header-bar>
    <!-- <zhx-page-loading></zhx-page-loading> -->
    <zhx-pop-tip show-tip="tipShown" content="tipContent"></zhx-pop-tip>
    <ion-content ng-controller="questionCtrl">


        <form id="form" action='http://localhost:81/index.php' method="post" enctype="multipart/form-data">
            <div class="ques">
                <textarea type="text" name="question" placeholder="您的高贵意见，会让我们更加完美的为您服务" id="text1" ng-model="feedback"
                          autocomplete="off"></textarea>
                <div class="btn1">
                    <input type="file" id="file" name="image" style="display: none;" accept="image/*"/>
                    <ion-icon class="icon ion-ios-reverse-camera-outline" ng-click="look()" id="look"></ion-icon>
                    <img src="" id="show"/>
                </div>
            </div>
            <input type="text" placeholder="QQ/电话/邮箱(任选一个填写)" name="info" id="text2" ng-model="contactMethod"
                   autocomplete="off">
        </form>
        <span>您的联系方式有助于我们沟通和解决问题</span>


        <div style="height: 0;width: 0;overflow: hidden;" id="img">
            <img id="hide_img" src="" alt="">
        </div>

        <!--<div id="scanimg">
            <ion-icon class="icon ion-ios-reverse-camera-outline"></ion-icon>
            图片预览
            &lt;!&ndash;<input type="button" value="放大"  ng-click="scale(true)" />&ndash;&gt;
            &lt;!&ndash;<input type="button" value="缩小"  ng-click="scale(false)" />&ndash;&gt;
        </div>-->
        <!--<img src="" id="show"/>-->

        <button class="button  button-balanced" id="btn2" ng-click="quest()">提交</button>
    </ion-content>
</ion-view>
<style>
    #look{
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        text-align: center;
        height: 60px;
        padding-top: 15px;
    }
    #text1 {
        width: 100%;
        height: 70%;
    }

    #show {
        height:100%;
        width:auto;
        margin-left: 50px;
        display: none;
    }

    #file {
        margin: 0;
        line-height: 100%;
        width: 170px;
    }

    .ques {
        width: 90%;
        height: 200px;
        border: 1px solid #666666;
        margin: auto;
        margin-top: 15px;
        padding-bottom: 5px;
        background-color: #fff;
    }

    input[name="question"] {
        height: 70%;
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .icon {
        font-size: 40px;
        position: relative;
        top: 9px;
    }

    .btn1 {
        width: 100%;
        height: 30%;
        margin-bottom: 10px;
        border: none;
        line-height: 100%;
        background: #fff;
        position: relative;
    }

    input[name="info"] {
        width: 90%;
        margin: auto;
        margin-top: 15px;
        margin-bottom: 10px;

    }

    span {
        margin-left: 5%;
    }

    #btn2 {
        display: block;
        width: 90%;
        margin: auto;
        margin-top: 30px;
    }

    .validate {
        text-align: center;
    }

    #scanimg {
        margin-bottom: 10px;
        text-align: center;
    }
</style>








